<template>
  <div id="app">
<<<<<<< HEAD
    <!--<router-view v-if="isRouterAlive"></router-view>-->
=======
    <router-view v-if="isRouterAlive"></router-view>
>>>>>>> 70f7e19d6da4b30f0412d394b1171a015e63af36
    <top-header v-show="!(path==='/')"><router-link to="/my" slot="r" class="icon iconfont icon-user headericon"></router-link></top-header>
    <bottom-tabber v-show="!(path==='/')"></bottom-tabber>
    <!--<mt-button type="default">default</mt-button>-->
    <!--app-->
    <!--<div id="nav">-->
      <!--<router-link to="/">Home</router-link> |-->
      <!--<router-link to="/about">About</router-link>-->
    <!--</div>-->
    <!--<div id="nav">-->
      <!--<router-link to="/">Home</router-link> |-->
      <!--<router-link to="/about">About</router-link>-->
    <!--</div>-->
    <router-view />
  </div>
</template>
<<<<<<< HEAD
<!--<script>-->
    <!--export default {-->
        <!--name: 'App',-->
        <!--provide (){-->
            <!--return {-->
                <!--reload:this.reload-->
            <!--}-->
        <!--},-->
        <!--data(){-->
            <!--return {-->
                <!--isRouterAlive:true-->
            <!--}-->
        <!--},-->
        <!--methods:{-->
            <!--reload (){-->
                <!--this.isRouterAlive = false-->
                <!--this.$nextTick(function(){-->
                    <!--this.isRouterAlive = true-->
                <!--})-->
            <!--}-->
        <!--},-->
        <!--components:{-->
        <!--}-->
    <!--}-->
<!--</script>-->
=======
<script>
    export default {
        name: 'App',
        provide (){
            return {
                reload:this.reload
            }
        },
        data(){
            return {
                isRouterAlive:true
            }
        },
        methods:{
            reload (){
                this.isRouterAlive = false
                this.$nextTick(function(){
                    this.isRouterAlive = true
                })
            }
        },
        components:{
        }
    }
</script>
>>>>>>> 70f7e19d6da4b30f0412d394b1171a015e63af36
<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

#nav {
  padding: 30px;
}

#nav a {
  font-weight: bold;
  color: #2c3e50;
}

#nav a.router-link-exact-active {
  color: #42b983;
}
  .headericon{
    color: #F7F7F7;
  }

</style>
<script>
    //   ./是当前目录
    //   ../是父级目录
    //   /是根目录
  import TopHeader from './components/TopHeader'
  import BottomTabber from './components/BottomTabber'
  export default {
      name:'app',
      data(){
          return {
            path:''
          }
      },
      components:{
          TopHeader,
          BottomTabber,
      },
      mounted(){
          this.path=this.$route.path;
      },
      watch:{
          $route(to,from){
              this.path=to.path
          }
      },
<<<<<<< HEAD

=======
      methods:{

      },
>>>>>>> 70f7e19d6da4b30f0412d394b1171a015e63af36
      created(){

      }
  }
</script>
